<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>枣课网-学编程来枣课-听的懂得课才是好课</title>
    <meta name="keywords" content="枣课网">
    <meta name="description" content="枣课网、枣课教育">

    <link rel="stylesheet" href="/static/css/qx_index.css">
    <link rel="stylesheet" href="__STATIC__/css/qct-all.css">
    <link rel="stylesheet" href="__STATIC__/bootstrap-5.1.3/css/bootstrap.css">
    <script src="/static/js/jquery-1.11.3.min.js"></script>
    <script src="/static/js/ppt.js"></script>
</head>
<body>
<!--网页头部-->
{include file="index/header" /}
<!--幻灯片-->
<div class="hq2018part1">
    <div class="banner">
        <span class="icon18 icon18-banner-left"></span>
        <span class="icon18 icon18-banner-right" onselectstart="return false;"></span>
        <div class="banner_pic" style="overflow: hidden;">
            {volist name="ppt" id="ppt_item"}
            <a href="#" target="_blank" style="background-color:#ffffff;text-align: center">
                <img src="__ROOT__{$ppt_item.thumb}" alt="" style="height: 100%;" />
            </a>
            {/volist}
        </div>
        <!--有几个幻灯片就有几个li标签-->
        <div class="banner_choose" style="overflow: hidden;">
            <li class="choose_now"></li>
            <li class=""></li>
            <li class=""></li>
        </div>
    </div>
    <!--垂直菜单-->
    <div class="exampart">
        <ul class="examlist" style="padding:0px;height:506px;">
            <li style="height:55px;background-color:#d81237;">
                <a class="title qx_left_menu" href="#" target="_blank" style="color:white;height:55px;line-height:55px;text-align: center;margin-left:-10px;margin-top:0px;padding-top:0px;font-size:16px;">最新体系课程</a>
            </li>
            {volist name="menu_name" id="item"}
            <li>
                <a class="title qx_left_menu" href="#" target="_blank">{$item.menu_name}<br>
                    <div class="son_title">{$item.sub_name}</div>
                </a>
                <div class="courselist">
                    <div class="part">
                        <span>学习指引:</span>
                        <div>
                            <!--可放7个垂直菜单-->
                            <a href="{$item.study_guide_url}" target="_blank">{$item.menu_name}学习路线</a>
                        </div>
                    </div>
                    <div class="part">
                        <span>推荐课程:</span>
                        <div>
                            <!--可放6个课程-->
                            {volist name="item.rec_course" id="subcourse"}
                            <a class="courseimg" href="#" target="_blank">
                                <img src="__ROOT__{$subcourse.thumb}" alt="" width="200">
                                <div class="indextitle" style="width: 190px;">{$subcourse.title}</div>
                            </a>
                            {/volist}
                        </div>
                    </div>
                </div>
            </li>
            {/volist}
        </ul>
    </div>
</div>
<!-- 课程列表 -->
<div class="hq2018course clearFix">
    {volist name="products" id="data"}
    <div class="w1180 clearFix">
        <div class="hq2018title clearFix">
            <h2>{$data.title}-必修课</h2>
            <!--<ul>
                <li class="active"><a href="#" target="_blank" title="知识点">知识点</a><span></span></li>
                <li><a href="#" target="_blank" title="基础课程">基础课程</a><span></span></li>
            </ul>-->
        </div>
        <div class="cousepart clearFix" style="display: block;">
            <div class="coursemain">
                <a class="pic" style="margin-right: 18px;">
                    <img class=" lazyloaded" data-src="" src="__ROOT__/uploads/picture/20190403/468d120da6f66c9526631fb2276187bd.png">
                </a>
                {volist name="data.sub_course.data" id="v"}
                <a class="coursecard" href="{:url('/course/details', array('id'=>$v.id))}" target="_blank" style="margin-left: 0px;margin-right: 18px;padding:0px;">
                    <img src="__ROOT__{$v.thumb}" alt="" style="width:304px;height:180px;">
                    <p class="coursecard-title" style="text-align: left; padding:6px;">{$v.title}</p>
                    <p class="coursecard-time" style="text-align: left; padding:6px;">总时长：{:get_course_length($v.id)}</p>
                    <p class="coursecard-time" style="text-align: left; padding:6px;">{:get_level($v.id)}课：{:get_study_count($v.id)}次观看</p>
                    <span class='btnnew'>{$v.price}</span>
                </a>
                {/volist}
            </div>
        </div>
    </div>
    {/volist}
</div>
<!-- 右侧挂件 -->
{include file="index/right_service" /}
<!-- 底部版权 -->
{include file="index/footer" /}
</body>
</html>